/* 
    Document   : main
    Created on : Apr 14, 2011, 8:03:13 AM
    Author     : l2qnew
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
color  {background: #f5f5f5 #f0f0f0 #666 #aaa #333 #345F89 #9C703B #eee; }
body { 
    margin: 0; padding: 0; color: #333;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 12px; background: #f5f5f5;
}
input { border: 1px solid #eee;
        -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius:5px;

}
a { color: #345F89; text-decoration: none;}
a:hover { color:#9C703B; text-decoration: none; }

/*Common style */
.radius-5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.radius-8px {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.bg-1 {background: #f5f5f5;}
.bg-2 { background: #f0f0f0;}
.content { width: 90%; margin: 0 auto;}
.selected { font-weight: bold;}

/*Icon style */
.home-icon { background: url('../images/home.png') no-repeat left center; padding-left: 18px; }
.people-icon {background: url('../images/users.png') no-repeat left center; padding-left: 18px;}
.contact-icon {background: url('../images/telephone.png') no-repeat left center; padding-left: 18px;}
.shop-cart-icon {background: url('../images/shopping_cart.png') no-repeat left center; padding-left: 18px;}
.login-icon {background: url('../images/user.png') no-repeat left center; padding-left: 18px;}
.register-icon {background: url('../images/login.png') no-repeat left center; padding-left: 18px;}
.address-icon {background: url('../images/world_globe.png') no-repeat left center; padding-left: 18px;}
.phone-icon {background: url('../images/telephone.png') no-repeat left center; padding-left: 18px;}
.mail-icon {background: url('../images/email.png') no-repeat left center; padding-left: 18px;}
.chat-icon {background: url('../images/comment_bubble.png') no-repeat left center; padding-left: 18px;}

/*Header style*/
#header {
    border-bottom: 2px solid #eee; float: left;
    width: 100%; padding-bottom: 0; padding-top: 10px;
}
#header .logo { border: none; float: left;}
#header ul { 
    list-style: none; margin: 0; padding: 0; float: left;
}
#header ul li {
    display: inline; text-transform: uppercase;
    margin: 0; padding: 0; float: left; margin-left: 5px;
}
#header ul li a { padding: 10px; float: left; color: #666;}
#header ul li a.selected  { background: #fff;
-webkit-border-radius: 8px 8px  0 0;
    -moz-border-radius: 8px 8px  0 0;
    border-radius:8px 8px  0 0;
}
 #header ul li a:hover {
     background: #eee;
     -webkit-border-radius: 8px 8px  0 0;
    -moz-border-radius: 8px 8px  0 0;
    border-radius:8px 8px  0 0;
 }
#header ul li a span { }
#header .user-guide { float: right; padding: 8px; }

#container { float: left; width: 100%; clear: both; background: #fff;}
/*Container style*/
#navagation { border-bottom: 1px solid #eee; float: left;  width: 100%; height: 30px;line-height: 30px; clear: both; }
#navagation ul { float: left; list-style: none; margin: 0; padding: 0;}
#navagation ul li { display:  inline; float: left; color: #aaa; padding-right: 15px;  }

#navagation div { float: right;}

/*Footer style*/
#footer { float: left; width: 100%; clear: both; border-top: 5px solid #eee;}
#footer ul { list-style: none; margin: 0; padding: 0; float: left; padding-bottom: 5px;}
#footer ul li { padding: 5px 0; color: #666;}
#footer div div { float: right;}
#footer p { clear: both; text-align: right; color: #aaa;  border-top:  1px  dashed #d4d4d4; padding-top: 5px;}
#main { clear: left; float: left; padding-top:10px; padding-bottom: 10px; width: 100%;}
#main .search-form { float: left; width: 47%; padding: 1% 1% 1% 2%;}
#main .search-form h2 { color: #345F89; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold;}
#main .search-form input { width: 90%; height: 40px;}
#main .search-form .desc { color: #aaa;}


